<template>
  <div class="app-container">
    <el-form :model="formData" :rules="rules" ref="formData" label-width="100px" class="demo-formData">
      <el-form-item label="批次名称：" prop="batchName">
        <el-input v-model="formData.batchName"></el-input>
      </el-form-item>
      <el-form-item label="保险公司：" class="is-required" prop="insuranceId">
        <el-select v-model="formData.insuranceId" placeholder="请选择" class="wd230" size="mini" @change='roleChange'>
          <el-option size="mini" v-for="item in rolelist" :key="item.id" :label="item.displayName" :value="item.id">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="适用工号：" required>
        
      </el-form-item>
       <el-form-item label="有效时间：" required>
        
      </el-form-item>
       <el-form-item label="是否奖励批次：" required>
        
      </el-form-item>
     
      <el-form-item>
        <el-button type="primary" @click="submitForm('formData')">立即创建</el-button>
        <el-button @click="resetForm('formData')">重置</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formData: {}
    };
  },
  created() {
    this.loadIns();
  },
  methods: {
    //执行接口
    loadIns() {
      let params = {};
      this.post(params, "services/app/common/GetInsurances").then(rs => {
        console.log(rs);

        if (rs.success) {
        }
      });
    },
    loadStaffs(id) {
      let params = {
        id: id
      };
      this.post(params, "services/app/common/GetInsuranceStaffs").then(rs => {
        console.log(rs);

        if (rs.success) {
        }
      });
    }
  }
};
</script>

<style lang="scss" scoped>
.wd80 {
  width: 80px;
}
.policy-box {
  padding: 25px;
}
.form-top {
  margin-bottom: 20px;
}
</style>

